<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>牛股推荐</title>
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		
		<style type="text/css">

		</style>
	</head>
	<body >
		<div class="wrapper" style="height:100vh;">
			<div class="Recommend-niugu">
	             <p class="niugu-p bg"><img class="iocn-top" src="../img/iocn_top@2x.png"/><span class="dis_in niugu-sp">今日推荐</span></p>
	             <div class="niugu-news-box">
		             <div class="niugu-news b_btm bg">
		             	<div class="news-content">
			             	<p class="news-content-p"><span class="news-content-sp1 d">利尔化学（002258）</span> <span class="news-content-sp2 font4 fr dis_in">推荐时间:<span>2017-04-01</span></span></p>
			             	<p class="news-content-p1 font1">平台突破，上升通道，美人肩形态，周线。日线走势较好。可关注（早盘抓牛股）</p>             		
		             	</div>
		             </div>
		             <div class="niugu-news b_btm bg">
		             	<div class="news-content">
			             	<p class="news-content-p"><span class="news-content-sp1">利尔化学（002258）</span> <span class="news-content-sp2 font4 fr dis_in">推荐时间:<span>2017-04-01</span></span></p>
			             	<p class="news-content-p1 font1">平台突破，上升通道，美人肩形态，周线。日线走势较好。可关注（早盘抓牛股）</p>             		
		             	</div>
		             </div>  
		             <div class="niugu-news b_btm bg">
		             	<div class="news-content">
			             	<p class="news-content-p"><span class="news-content-sp1">利尔化学（002258）</span> <span class="news-content-sp2 font4 fr dis_in">推荐时间:<span>2017-04-01</span></span></p>
			             	<p class="news-content-p1 font1">平台突破，上升通道，美人肩形态，周线。日线走势较好。可关注（早盘抓牛股）平台突破，上升通道，美人肩形态，周线。日线走势较好。可关注（早盘抓牛股）</p>             		
		             	</div>
		             </div>  		             
	             </div>	
	             <div class="History-box">
	             	<div class="Dividing-line">
	             		<img class="icon-fgx" src="../img/tzgw_fgx@3x.png"/>
	             		<p class="history font3"><img class="icon-tt" src="../img/icon_sj@2x.png"/>历史推荐</p>
	             	</div>
	                <div class="list bg">
	                	<div class="list-con">
		                	<ul class="list_ul font1 b_btm">
		                		<li class="li_lef">名称代码</li>
		                		<li >推荐时间</li>
		                		<li class="li_right">推荐理由</li>
		                	</ul>
		                	<div class="tab font1">
		                		<table class="tabl">	               
		                			<tr class="tabl-tr b_btm"><td class="td_1"><span>九龙电力</span><span class="font3 f3">600292</span></td><td>2017-03-22</td><td class="look"><span class="spa_btn" onclick="seeing()">查看</span></td></tr>
		                			<tr class="tabl-tr b_btm"><td class="td_1"><span>九龙电力</span><span class="font3 f3">600292</span></td><td>2017-03-22</td><td class="look"><span class="spa_btn" onclick="seeing()">查看</span></td></tr>
		                			<tr class="tabl-tr b_btm"><td class="td_1"><span>九龙电力</span><span class="font3 f3">600292</span></td><td>2017-03-22</td><td class="look"><span class="spa_btn" onclick="seeing()">查看</span></td></tr>
		                			<tr class="tabl-tr b_btm"><td class="td_1"><span>九龙电力</span><span class="font3 f3">600292</span></td><td>2017-03-22</td><td class="look"><span class="spa_btn" onclick="seeing()">查看</span></td></tr>		                			
		                			<tr class="tabl-tr b_btm"><td class="td_1"><span>九龙电力</span><span class="font3 f3">600292</span></td><td>2017-03-22</td><td class="look"><span class="spa_btn" onclick="seeing()">查看</span></td></tr>		                			
		                		</table>          
		                	</div>	                		
	                	</div>

	                	
	                </div>	             	
	             </div>
			
			</div> 
            <!--推荐理由-->
            <div id="background1" ></div>
            <div id="content3">
            	<div class="delete"><img class="icon-del" src="../img/icon_c@2x.png"/></div>
                <div class="reason bg">
                	<p class="reason-p b_btm">推荐理由</p>
                	<p class="reason-p1 dis_b font3">推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由推荐理由</p>
                </div>            	
            </div>
        
		</div><!--wrapper-->
		<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		function seeing(){
			var see=$('.spa_btn');
			for(var i=0;i<see.length;i++){
				$('#background1').show();$('#content3').show();
				return false;
			}
		}
         $('.icon-del').click(function(){$('#background1').hide();$('#content3').hide();});
		</script>
	</body>
</html>